<!DOCTYPE html>
<html lang="en">
<head>
    <title>相册</title>
    <link href="/static/index/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" /><!-- fontawesome -->
    <link href="/static/index/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" /><!-- Bootstrap stylesheet -->
    <link href="/static/index/css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link rel="stylesheet" href="/static/index/css/smoothbox.css" type='text/css' media="all" />
    <link rel="stylesheet" href="/static/index/reset.css" type="text/css">

    <!-- stylesheet -->
    <!-- meta tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- //meta tags -->
    <!--fonts-->
    <link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <!--//fonts-->
    <script type="text/javascript" src="/static/index/js/jquery-2.1.4.min.js"></script>
    <script src="/static/index/js/main.js"></script>
    <!-- Required-js -->
    <!-- start-smoth-scrolling -->
    <script type="text/javascript" src="/static/index/js/move-top.js"></script>
    <script type="text/javascript" src="/static/index/js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });
    </script>
    <!-- start-smoth-scrolling -->

    <!-- scriptfor smooth drop down-nav -->
    <script>
        $(document).ready(function(){
            $(".dropdown").hover(
                function() {
                    $('.dropdown-menu', this).stop( true, true ).slideDown("fast");
                    $(this).toggleClass('open');
                },
                function() {
                    $('.dropdown-menu', this).stop( true, true ).slideUp("fast");
                    $(this).toggleClass('open');
                }
            );
        });
    </script>
    <!-- //script for smooth drop down-nav -->
</head>
<body>
<!-- header -->
<header>
    <div class="w3layouts-top-strip">
        <div class="container">
            <div class="logo">
                <img src="{$photo}" alt="..." class="img-circle" width="100">

                <h3><a href="#">{$username}</a></h3>
                <p>简介</p>

            </div>

        </div>
    </div>
    <nav class="navbar  navbar-fixed-top" role="navigation" style="background: #e0620d ;padding-top: 3px;height:50px;">
        <div class="container-fluid" style="background: #fff;">
            <div class="navbar-header ">

                <a class="navbar-brand " href="{:url('/index/index/index')}">返回首页</a>


                <button type="button" class="navbar-toggle" data-toggle="collapse"
                        data-target="#my-navbar-collapse">
                    <span class="sr-only">切换导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <form class="navbar-form navbar-left" role="search" action="{:url('/wbSearch')}" method="post">
                <div class="form-group">
                    <input type="text" class="form-control" name="Search" placeholder="微博找人">
                    <button class="glyphicon glyphicon-search btn_search btn btn-default" ></button>
                    <!--  <button type="submit" class="btn btn-default">提交</button> -->
                </div>

            </form>

            <div class="collapse navbar-collapse" id="my-navbar-collapse">

                <ul class="nav navbar-nav navbar-right" >

                    <li ><img src="{$photo}" width="30px" style="border-radius: 50%">
                        <a href="#" style="color: black;padding: 0px!important;" class="mingzi">{$username}</a>
                    </li>

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            安全中心<b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <a href="{:url('index/login/loginOut')}" class="roll-nav roll-right J_tabExit tuichu" >

                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <i class="fa fa fa-sign-out"></i>
                                退出</a><br>

                            <a href="{:url('/editpass')}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;更改密码</a>

                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <hr style="margin: 0;padding: 0;color:#222;width: 100%">
    </nav>
    <!-- navigation -->
    <nav class="navbar navbar-default">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
        </div>
    </nav>

    <!-- //navigation -->
</header>

<div class="breadcrumbs">
    <div class="container">
        <div class="row readcrumb breadcrumb1 animated wow fs20 cf" data-wow-delay=".5s">
            <div class="col-md-4"></div>
            <div class="col-md-2"><a href="{:url('/cuser')}" class="cf">主页</a></div>
            <div class="col-md-1"></div>
            <div class="col-md-1"><a href="cphoto.html" class="cf">相册</a></div>
            <div class="col-md-1"></div>
        </div>


    </div>
</div>
<!-- //header -->
<!-- banner -->
<!-- //breadcrumbs -->
<!-- //banner -->
<div class="container">
    <div class="banner-btm-agile">
        <!-- //btm-wthree-left -->

        <div class="col-md-12 ">
            <div class="agileits_heading_section">
                <h3 class="wthree_head">MY photo</h3>
                <!--<p class="agileinfo_para">Nam tempus lobortis sem non ornare in aliquet egestas, nisi mi vestibulum.</p>-->
            </div>
            {volist name="res" id="v"}
            <div class="w3ls_work_grids">
                <div class="col-md-3 agileits_w3layouts_work_grid">
                    <div class="agileits_w3layouts_work_grid1 w3layouts_work_grid1 hover14 column">
                        <div class="w3_agile_work_effect">
                            <a href="{$v['name']}" class="sb" >
                                <figure>
                                    <img src="{$v['name']}" alt=" " class="img-responsive" style="width: 260px;height: 150px;"/>
                                </figure>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            {/volist}
        </div>

            <div class="clearfix"> </div>
        </div>

    </div>
    <!-- //btm-wthree-left -->
    <script type="text/javascript" src="/static/index/js/smoothbox.jquery2.js"></script>

</div>
</div>
<!-- footer -->
<div class="footer-agile-info">
    <div class="container">
        <div class="col-md-4 w3layouts-footer">
            <h3>联系信息</h3>
            <p><span><i class="fa fa-map-marker" aria-hidden="true"></i></span>中华人民共和国上海市徐汇区</p>
            <p><span><i class="fa fa-envelope" aria-hidden="true"></i></span><a href="#">981246441@qq.com</a> </p>
            <p><span><i class="fa fa-mobile" aria-hidden="true"></i></span>P: 03765759119 </p>
            <p><span><i class="fa fa-globe" aria-hidden="true"></i></span><a href="http://www.zhc1995.cn">W: www.zhc1995.cn</a></p>
        </div>
        <div class="col-md-4 wthree-footer">
            <h2>网站简介</h2>
            <p>本网站纯属娱乐,如作商业用途,请联系本人</p>
        </div>
        <div class="col-md-4 w3-agile">
            <h3>意见反馈</h3>
            <p>如果您有好的提议,前邮件联系作者</p>

        </div>
    </div>
</div>
<!-- footer -->

<!-- copyright -->
<div class="copyright">
    <div class="container">
        <div class="w3agile-list">

        </div>
        <div class="agileinfo">
            <p>版权 © 魔狗工作室保留一切版权魔狗工作室备案号:19001432</p>
        </div>
    </div>
</div>
<!-- //copyright -->
<!-- here stars scrolling icon -->
<script type="text/javascript">
    $(document).ready(function() {
        /*
            var defaults = {
            containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
            };
        */

        $().UItoTop({ easingType: 'easeOutQuart' });

    });
</script>
<!-- //here ends scrolling icon -->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/static/index/js/bootstrap.js"></script>
</body>
</html>